body
{
  font-family: cantarell, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
}
.synopsis, .classsynopsis
{
  /* tango:aluminium 1/2 */
  background: #eeeeec;
  background: rgba(238, 238, 236, 0.5);
  border: solid 1px rgb(238, 238, 236);
  padding: 0.5em;
}
.programlisting
{
  /* tango:sky blue 0/1 */
  /* fallback for no rgba support */
  background: #e6f3ff;
  border: solid 1px #729fcf;
  background: rgba(114, 159, 207, 0.1);
  border: solid 1px rgba(114, 159, 207, 0.2);
  padding: 0.5em;
}
.variablelist
{
  padding: 4px;
  margin-left: 3em;
}
.variablelist td:first-child
{
  vertical-align: top;
}

span.nowrap {
  white-space: nowrap;
}

div.gallery-float
{
  float: left;
  padding: 10px;
}
div.gallery-float img
{
  border-style: none;
}
div.gallery-spacer
{
  clear: both;
}

a, a:visited
{
  text-decoration: none;
  /* tango:sky blue 2 */
  color: #3465a4;
}
a:hover
{
  text-decoration: underline;
  /* tango:sky blue 1 */
  color: #729fcf;
}

div.informaltable table
{
  border-collapse: separate;
  border-spacing: 1em 0.3em;
  border: none;
}

div.informaltable table td, div.informaltable table th
{
  vertical-align: top;
}

.function_type,
.variable_type,
.property_type,
.signal_type,
.parameter_name,
.struct_member_name,
.union_member_name,
.define_keyword,
.datatype_keyword,
.typedef_keyword
{
  text-align: right;
}

/* dim non-primary columns */
.c_punctuation,
.function_type,
.variable_type,
.property_type,
.signal_type,
.define_keyword,
.datatype_keyword,
.typedef_keyword,
.property_flags,
.signal_flags,
.parameter_annotations,
.enum_member_annotations,
.struct_member_annotations,
.union_member_annotations
{
  color: #888a85;
}

.function_type a,
.function_type a:visited,
.function_type a:hover,
.property_type a,
.property_type a:visited,
.property_type a:hover,
.signal_type a,
.signal_type a:visited,
.signal_type a:hover,
.signal_flags a,
.signal_flags a:visited,
.signal_flags a:hover
{
 color: #729fcf;
}

td p
{
  margin: 0.25em;
}

div.table table
{
  border-collapse: collapse;
  border-spacing: 0px;
  /* tango:aluminium 3 */
  border: solid 1px #babdb6;
}

div.table table td, div.table table th
{
  /* tango:aluminium 3 */
  border: solid 1px #babdb6;
  padding: 3px;
  vertical-align: top;
}

div.table table th
{
  /* tango:aluminium 2 */
  background-color: #d3d7cf;
}

h4
{
  color: #555753;
  margin-top: 1em;
  margin-bottom: 1em;
}

hr
{
  /* tango:aluminium 1 */
  color: #d3d7cf;
  background: #d3d7cf;
  border: none 0px;
  height: 1px;
  clear: both;
  margin: 2.0em 0em 2.0em 0em;
}

dl.toc dt
{
  padding-bottom: 0.25em;
}

dl.toc > dt
{
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  font-weight: bold;
}

dl.toc > dl
{
  padding-bottom: 0.5em;
}

.parameter
{
  font-style: normal;
}

.footer
{
  padding-top: 3.5em;
  /* tango:aluminium 3 */
  color: #babdb6;
  text-align: center;
  font-size: 80%;
}

.informalfigure,
.figure
{
  margin: 1em;
}

.informalexample,
.example
{
  margin-top: 1em;
  margin-bottom: 1em;
}

.warning
{
  /* tango:orange 0/1 */
  background: #ffeed9;
  background: rgba(252, 175, 62, 0.1);
  border-color: #ffb04f;
  border-color: rgba(252, 175, 62, 0.2);
}
.note
{
  /* tango:chameleon 0/0.5 */
  background: #d8ffb2;
  background: rgba(138, 226, 52, 0.1);
  border-color: #abf562;
  border-color: rgba(138, 226, 52, 0.2);
}
div.blockquote
{
  border-color: #eeeeec;
}
.note, .warning, div.blockquote
{
  padding: 0.5em;
  border-width: 1px;
  border-style: solid;
  margin: 2em;
}
.note p, .warning p
{
  margin: 0;
}

div.warning h3.title,
div.note h3.title
{
  display: none;
}

p + div.section
{
  margin-top: 1em;
}

div.refnamediv,
div.refsynopsisdiv,
div.refsect1,
div.refsect2,
div.toc,
div.section
{
  margin-bottom: 1em;
}

/* blob links */
h2 .extralinks, h3 .extralinks
{
  float: right;
  /* tango:aluminium 3 */
  color: #babdb6;
  font-size: 80%;
  font-weight: normal;
}

.lineart
{
  color: #d3d7cf;
  font-weight: normal;
}

.annotation
{
  /* tango:aluminium 5 */
  color: #555753;
  font-weight: normal;
}

.structfield
{
  font-style: normal;
  font-weight: normal;
}

acronym,abbr 
{
  border-bottom: 1px dotted gray;
}

/* code listings */

.listing_code .programlisting .normal,
.listing_code .programlisting .normal a,
.listing_code .programlisting .number,
.listing_code .programlisting .cbracket,
.listing_code .programlisting .symbol     { color: #555753; }
.listing_code .programlisting .comment,
.listing_code .programlisting .linenum    { color: #babdb6; } /* tango: aluminium 3 */
.listing_code .programlisting .function,
.listing_code .programlisting .function a,
.listing_code .programlisting .preproc    { color: #204a87; } /* tango: sky blue 3  */
.listing_code .programlisting .string     { color: #ad7fa8; } /* tango: plum */
.listing_code .programlisting .keyword,
.listing_code .programlisting .usertype,
.listing_code .programlisting .type,
.listing_code .programlisting .type a     { color: #4e9a06; } /* tango: chameleon 3  */

.listing_frame {
  /* tango:sky blue 1 */
  border: solid 1px #729fcf;
  border: solid 1px rgba(114, 159, 207, 0.2);
  padding: 0px;
}

.listing_lines, .listing_code {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0.5em;
}
.listing_lines {
  /* tango:sky blue 0.5 */
  background: #a6c5e3;
  background: rgba(114, 159, 207, 0.2);
  /* tango:aluminium 6 */
  color: #2e3436;
}
.listing_code {
  /* tango:sky blue 0 */
  background: #e6f3ff;
  background: rgba(114, 159, 207, 0.1);
}
.listing_code .programlisting {
  /* override from previous */
  border: none 0px;
  padding: 0px;
  background: none;
}
.listing_lines pre, .listing_code pre {
  margin: 0px;
}

@media screen {
  /* these have a <sup> as a first child, but since there are no parent selectors
   * we can't use that. */
  a.footnote
  {
    position: relative;
    top: 0em ! important;
  }
  /* this is needed so that the local anchors are displayed below the naviagtion */
  div.footnote a[name], div.refnamediv a[name], div.refsect1 a[name], div.refsect2 a[name], div.index a[name], div.glossary a[name], div.sect1 a[name]
  {
    display: inline-block;
    position: relative;
    top:-5em;
  }
  /* this seems to be a bug in the xsl style sheets when generating indexes */
  div.index div.index
  {
    top: 0em;
  }
  body
  {
    padding-top: 2.5em;
    max-width: 60em;
  }
  p
  {
    max-width: 60em;
  }
  /* style and size the navigation bar */
  table.navigation#top
  {
    position: fixed;
    background: #e2e2e2;
    border-bottom: solid 1px #babdb6;
    border-spacing: 5px;
    margin-top: 0;
    margin-bottom: 0;
    top: 0;
    left: 0;
    z-index: 10;
  }
  table.navigation#top td
  {
    padding-left: 6px;
    padding-right: 6px;
  }
  .navigation a, .navigation a:visited
  {
    /* tango:sky blue 3 */
    color: #204a87;
  }
  .navigation a:hover
  {
    /* tango:sky blue 2 */
    color: #3465a4;
  }
  td.shortcuts
  {
    /* tango:sky blue 2 */
    color: #3465a4;
    font-size: 80%;
    white-space: nowrap;
  }
  td.shortcuts .dim
  {
    color: #babdb6;
  }
  .navigation .title
  {
    max-width: none;
    margin: 0px;
    font-weight: normal;
  }
}
@media screen and (min-width: 60em) {
  /* screen larger than 60em */
  body { margin: auto; }
}
@media screen and (max-width: 60em) {
  /* screen less than 60em */
  #nav_hierarchy { display: none; }
  #nav_interfaces { display: none; }
  #nav_prerequisites { display: none; }
  #nav_derived_interfaces { display: none; }
  #nav_implementations { display: none; }
  #nav_child_properties { display: none; }
  #nav_style_properties { display: none; }
  #nav_index { display: none; }
  #nav_glossary { display: none; }
  .gallery_image { display: none; }
  .property_flags { display: none; }
  .signal_flags { display: none; }
  .parameter_annotations { display: none; }
  .enum_member_annotations { display: none; }
  .struct_member_annotations { display: none; }
  .union_member_annotations { display: none; }
  /* now that a column is hidden, optimize space */
  col.parameters_name { width: auto; }
  col.parameters_description { width: auto; }
  col.struct_members_name { width: auto; }
  col.struct_members_description { width: auto; }
  col.enum_members_name { width: auto; }
  col.enum_members_description { width: auto; }
  col.union_members_name { width: auto; }
  col.union_members_description { width: auto; }
  .listing_lines { display: none; }
}
@media print {
  table.navigation {
    visibility: collapse;
    display: none;
  }
  div.titlepage table.navigation {
    visibility: visible;
    display: table;
    background: #e2e2e2;
    border: solid 1px #babdb6;
    margin-top: 0;
    margin-bottom: 0;
    top: 0;
    left: 0;
    height: 3em;
  }
}

div.subindex {
	margin: 2em 7em 1em 0em;
	padding-left: 90px;
	background-position: 0 10px;
	background-repeat: no-repeat;
	min-height: 96px;
}

div.subindex p {
	color: #666;
}

div.subindex h2 {
	padding: 0;
	margin: 0;
	font-size: 230%;
}

div.subindex h2 a {
	color: #babdb6;
	text-decoration: inherit;
}

div.subindex h2 a:hover {
	text-decoration: underline;
}

div.page_title {
	border: none;
}

a.external, a.doc-link {
	text-decoration: none;
}

a.external:hover, a.doc-link:hover {
	text-decoration: underline;
}

h1 {
	color: #c4a000;
	text-shadow: white 0 -2px;
	border-bottom: 1px solid #d3d7cf;
}

h2, h3 {
	color: #c4a000;
}

div#subindex-references { background-image: url(api-reference.png); }
div#subindex-guides { background-image: url(guides.png); }
div#subindex-demos { background-image: url(platform-demos.png); }
div#subindex-hig { background-image: url(hig.png); }

.refentry hr {
    margin: 10px 0;
}

div.sidebar dt,
div.toc dt {
	font-size: 100%;
}

dd dl {
	margin-left: 1em;
}

div.homeblock {
	margin: 0.7em 0 1.2em 0;
}

div.homeblock h2 {
	font-size: 42px;
	color: #0489B7;
	margin: 0;
	padding-bottom: 1ex;
}

div.homeblock a {
	color: inherit;
	text-decoration: none;
}

div.homeblock a:hover {
	text-decoration: underline;
}

div.homeblock p {
	margin-top: 0;
	font-size: 18px;
	line-height: 130%;
}

span.module-more {
	font-size: 75%;
}

dl.doc-index dt span.module-more a {
	font-weight: normal;
}

ul.language-list {
	-webkit-column-width: 15em;
	-webkit-column-gap: 2em;
	-moz-column-width: 15em;
	-moz-column-gap: 2em;
	column-width: 15em;
	column-gap: 2em;
}

div.sidebar.notitle {
	margin-top: 3em;
}

#footer_art.default {
	background-image: url(footer_art-library.png);
}


div.blocky1 {
	width:			65%;
	padding:		2em;
	display:		table-cell
}

div.blocky2 {
	width:			35%;
	padding:		2em;
	display:		table-cell
}

div.row {
	width:			50%;
	padding:		2em;
	display:		table-row
}


.grid_4.subtle_box {
	margin-top: 1em;
}

span.citem {
	display:		table-cell;
	text-align:		center
}

#platform-overview a {
  background: #babdb6;
  display: inline-block;
  padding: 5px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
  color: #000;
  margin: 5px;
  width: 65px;
}

#platform-overview a:hover {
    box-shadow: 0 1px 2px #0489d7, 0 1px rgba(255, 255, 255, 0.4) inset;
    color: #0489d7;
}

#platform-overview p {
  padding: 0;
  margin: 0;
  padding-left: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 10px;
}

#api-doc-box {
	float: right;
	width: 205px;
	margin: 0;
}

#api-doc-box input {
	width: 190px;
}

#api-doc-box h2 {
	font-size: 20px;
}

table#platform-overview {
	width: 700px;
	table-layout: fixed;
}

table#platform-overview th {
	width: 14%;
}

table#platform-overview td {
  background: #888a85;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #2e3436;
  margin-bottom: 10px;
  border: 2px solid white;
}

.synopsis, .classsynopsis 
{
	background: #eee;
	border: solid 1px #aaa;
	padding: 0.5em;
}
.programlisting 
{
	background: #eef;
	border: solid 1px #aaf;
	padding: 0.5em;
}
.variablelist 
{
	padding: 4px;
	margin-left: 3em;
}
.variablelist td:first-child
{
	vertical-align: top;
}

.variablelist p {
	margin: 0;
}

.listing_lines, .listing_code {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0.5em;
}
.listing_lines {
  /* tango:sky blue 0.5 */
  background: #a6c5e3;
  /* tango:aluminium 6 */
  color: #2e3436;
}
.listing_code {
  /* tango:sky blue 0 */
  background: #e6f3ff;
}

div.gtk-doc dt {
  color: #2e3456;
  margin: 0;
}

div.gtk-doc div.index dt {
  line-height: 1.2;
  font-size: 100%;
}

div.gtk-doc td.shortcuts {
  background: white;
  border: 1px solid #d3d7cf;
  text-align: center;
}

div.gtk-doc span.refpurpose {
  color: #555;
  font-weight: normal;
}

#container .gsc-control-cse {
  background: transparent;
}

#container ul.i18n {
  /* force left-to-right for language sidebar */
  direction: ltr;
}

table, table tr, table td, table th, table tfoot, table thead, table tbody {
  /* those properties are reset by reset.css, restore them */
  border: 1px none #2E3436;
}

#container div.blockquote {
  background-image: none;
}

dt {
	color: inherit;
}

acronym {
  border-bottom: 1px dotted;
}

table tbody tr td p
{
	margin: 0.5ex 1em 0.5ex 0;
}

br + br {
	display: none;
}

.docbook-legal-stuff > h3 {
        text-align: center;
        cursor: pointer;
        font-size: 100%;
}

.docbook-legal-stuff > div {
        font-size: 80%;
}

.docbook-legal-stuff > div dt {
        font-size: 100%;
}

img.application-icon {
  padding-right: 1ex;
  position: relative;
  top: 0.8ex;
  max-width: 48px;
  max-height: 48px;
}

h1 img.application-icon {
  top: 0.4ex;
}

div#frontpage-indexes {
	clear: both;
	padding-top: 2em;
}

div#frontpage-indexes > div {
	margin: 0 1em 1em 0;
}

p.doc-feedback {
	margin-top: 2em;
}

img.attachment {
	max-width: 100%;
}

div.body.homepage {
	background: url(cogs.png) 90% 150px no-repeat;
}

div#welcome h1 {
	color: #c4a000;
	text-shadow: white 0 -2px;
	border-bottom: 1px solid #d3d7cf;
}

div#welcome div {
	width: 96%;
}

div#welcome p {
	font-size: 150%;
	width: 65%;
}

pre.cmdsynopsis {
	white-space: normal;
	word-break: keep-all;
}

h2, h3,
dl dt {
	margin: 0;
}

p {
	margin: 0.4em 0;
}

p.module-more a {
	text-decoration: none;
}

p.module-more a:hover {
	text-decoration: underline;
}

dt .module-more {
	font-weight: normal;
}

dl.doc-index dt{
	font-size: 120%;
}

p.no-translation {
	opacity: 0.6;
}

/* =================== *
 * Small Device Styles *
 * =================== */

@media screen and (max-width: 500px) {
  font-size: 18px;
}
